<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <form action="" autocomplete="off" novalidate> -->
    <form action="" id="register" method="get">
        <label for="username">用户名：</label>
        <input type="text" name="username" id="username" placeholder="请输入用户名" required autofocus pattern="\w{3,6}"> <br>

        <label for="email">邮箱：</label>
        <input type="email" name="email" id="email" autocomplete="off"> <br>

        <label for="home">主页：</label>
        <input type="url" name="home" id="home"> <br>

        <label for="phone">电话：</label>
        <input type="tel" name="phone" id="phone"> <br>

        <label for="search">关键字：</label>
        <input type="search" name="search" id="search"> <br>

        <label for="age">年龄：</label>
        <input type="number" name="age" id="age" min="0" max="100" step="2"> <br>

        <label for="birthday">出生日期：</label>
        <input type="datetime-local" name="birthday" id="birthday"> <br>

        <label for="color">颜色：</label>
        <input type="color" name="color" id="color"> <br>

        <label for="degree">学历：</label>
        <input type="text" name="degree" id="degree" list="degreeList"> 
        <datalist id="degreeList">
            <option value="大专">大专</option>
            <option value="本科">本科</option>
            <option value="研究生">研究生</option>
        </datalist>
        <br>

    </form>
    
    <input type="submit" form="register" formmethod="post">
</body>
</html>